<template>
  <view class="back-top">
    <up-back-top scroll-top="backTop" :custom-style="customStyle" :icon-style="iconStyle" right="12" bottom="80"
      z-index="1000" />
  </view>
</template>

<script setup>
const props = defineProps({
  backTop: {
    type: Number,
    default: 0
  }
});
const customStyle = ref({
  backgroundColor: '#ffffff'
});
const iconStyle = ref({
  fontSize: '36rpx',
  color: '#333333'
});
</script>

<style lang="scss" scoped>
.back-top-content{
  gap: 0px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.05);

}
</style>
